<template>
    <div class="p-4 overflow-y-auto ">
      <h2 class="text-xl font-bold mb-4 ">本地文件</h2>
      <div v-for="message in messages" :key="message.id" class="mb-2 ">
        <strong>{{ message.senderId }}:</strong> {{ message.ip }}

      
            <div class=" 
            hover:bg-gray-100
            my-5
            noDrag
            hover: cursor-pointer
            p-6 max-w-sm  bg-white rounded-xl shadow-lg flex items-center space-x-4">
            <div class="shrink-0  " >
                <FileSuccessOne theme="outline" size="24" fill="#4ade80"/>
                <!-- <communication class="chat-notification-logo" theme="outline" size="24" fill="#333"/> -->
            </div>
            <div>
                <div class="text-xl font-medium text-black">文件名称</div>
                <p class="text-slate-500">2024-01-211</p>
            </div>
            </div>

      </div>
    </div>
  </template>
  
  <script > 
  import { FileSuccessOne } from '@icon-park/vue-next';
  export default {
    
    props: {
      messages: Array,
    },
    components: {
        FileSuccessOne
    }
};
  </script>
  